<template>
  <view class="bottomBtn">
      <view class="leftBtn">{{leftBtn}}</view>
      <view class="rightBtn">{{rightBtn}}</view>
  </view>
</template>

<script setup>
const props = defineProps({
  leftBtn: String,
  rightBtn: String
})
</script>

<style>
.bottomBtn{
    padding: 20rpx 0 68rpx 0;
    display: flex;
    background-color: #ffffff;
    justify-content: space-around;
}
.bottomBtn>view{
    width: 40%;
    text-align: center;
    padding: 20rpx 0;
    border-radius: 10rpx;
}
.leftBtn{
    background-color: #e8f2fe;
    color: #3a75f3;
}
.rightBtn{
    background-color: #2c76ef;
    color: #ffffff;
}

</style>